<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>风采照片</title>
    <link href="../dist/css/bootstrap1.css" rel="stylesheet">
    <link href="../css/docs.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/highlight.js/7.3/styles/github.min.css" rel="stylesheet">
    <style>
        body
        {
            font-family: "ff-tisa-web-pro-1" , "ff-tisa-web-pro-2" , "Lucida Grande" , "Helvetica Neue" ,Helvetica,Arial, "Hiragino Sans GB" , "Hiragino Sans GB W3" , "WenQuanYi Micro Hei" ,sans-serif;
        }
        h1, .h1, h2, .h2, h3, .h3, h4, .h4, .lead
        {
            font-family: "ff-tisa-web-pro-1" , "ff-tisa-web-pro-2" , "Lucida Grande" , "Helvetica Neue" ,Helvetica,Arial, "Hiragino Sans GB" , "Hiragino Sans GB W3" , "Microsoft YaHei UI" , "Microsoft YaHei" , "WenQuanYi Micro Hei" ,sans-serif;
        }
        pre code
        {
            background: transparent;
        }
        @media (min-width: 900px)
        {
            .bs-docs-home .bs-social, .bs-docs-home .bs-masthead-links
            {
                margin-left: 0;
            }
        }
        .bs-docs-section p
        {
            line-height: 2;
        }
        .bs-docs-section p.lead
        {
            line-height: 1.4;
        }
    </style>
    <!--[if lt IE 9]><script src="../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
    <link href="css/StyleSheet.css" rel="stylesheet" type="text/css" />
    <link href="../js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
    <script src="../js/fancybox/jquery-1.4.3.min.js" type="text/javascript"></script>
    <script src="../js/fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>
    <script src="../js/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
    <script language="javascript">
        $(document).ready(function () {
            $("#loading").show();

            $.ajax({ url: "fengcai_1.ashx",
                cache: false,
                dataType: "json",
                type: "post",
                success: function (html) {
                    $("#loading").hide();
                    if (html == "" || html.length <= 0) {
                        alert("还未上传图片！");
                        return;
                    }

                    var data = new Array();
                    for (i = 0; i < html.length; i++) {
                        data.push('<a title="' + html[i].remark + '" class="fancy" href="uploadImages/' + html[i].imagesrc + '" rel="example_group">');
                        data.push('<img class="large1" src="uploadImages/' + html[i].imagesrc + '" />');
                        data.push('<div class="over"><h3>' + html[i].title + '</h3></div>');
                        data.push('<div class="image-overlay-zoom"></div></a>');
                    }

                    $("#photo").html(data.join(''));

                    $("a[rel=example_group]").fancybox({
                        'transitionIn': 'none',
                        'transitionOut': 'none',
                        'titlePosition': 'over'
                    });
                }
            });
        });
    </script>
</head>
<body>
    <a class="sr-only" href="#content">Skip to main content</a>
    <!-- Docs master nav -->
    <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="../" class="navbar-brand">第六届运动会</a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="nav navbar-nav">
        <li>
          <a href="../index.html">首页</a>
        </li>

      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
          <a href="../about.html">关于</a>
        </li>
      </ul>
    </nav>
  </div>
</header>
    <div class="container">
        <div class="starter-template">
            <div id="loading">
                <img src="../images/loading.gif" />
            </div>
            <!--=======================================================-->
            <div class="row" id="photo">
            </div>
        </div>
    </div>
    <!-- /.container -->
    <!-- Footer
================================================== -->
    <footer class="bs-footer" role="contentinfo">
      <div class="container">
        <p>© 2012 <a href="http://www.cnmtp.com">www.cnmtp.com</a> - 厦门迈科诺信息技术有限公司</p>
      </div>
</footer>
    <!--<script src="js/bootstrap.js"></script>
    <script src="docs-assets/js/application.js"></script>-->
</body>
</html>
